<template>
  <div class="bidQuotation">
      <div class="bidQuotationNavBar">
          <van-nav-bar title="查看报价" left-arrow @click-left="goback">
          </van-nav-bar>
      </div>
      <div class="bidQuotationInfo" v-for="(bid,bi) in bid" :key="bi">
          <div class="bidQuotationLeft">
              <img :src="bid.images">
          </div>
          <div class="bidQuotationbody">
              <div class="bidQuotationbodyhand">
                      <span class="bidQuotationbodytitle">{{bid.title}}</span>
                      <span class="bidQuotationbodyid">{{bid.identity}}</span>
              </div>
              <div class="bidQuotationbuttom">
                      <span class="bidQuotationbodyoffer">{{bid.offer}}</span>
                      <span class="bidQuotationbodytime">{{bid.time}}</span>
              </div>
          </div>
          <div class="bidQuotationicon">
              <img :src="bid.result" alt="">
          </div>
      </div>
  </div>
</template>

<script>
export default {
    name: "bidQuotation",
    data(){
        return{
            bid:[
                {
                    "images":require("../../assets/images/home_banner.png"),
                    "title":"满天星旗舰店",
                    "identity":"花农",
                    "offer":"￥10元/束",
                    "time":"2018年10月12日13:52",
                    "result":require("../../assets/images/jbgl_sb.png")
                },
                {
                    "images":require("../../assets/images/home_banner.png"),
                    "title":"满天星旗舰店",
                    "identity":"花农",
                    "offer":"￥10元/束",
                    "time":"2018年10月12日13:52",
                    "result":require("../../assets/images/jbgl_cg.png")
                },
            ]
        }
    },
    methods:{
        goback(){
            this.$router.go(-1)
        },
    },
}
</script>

<style scoped>
.bidQuotationInfo{
    display: flex;
    margin: 45px 20px;

}
.bidQuotationLeft img{
    width: 45px;
    height: 45px;
    border-radius: 25px;
}
.bidQuotationbody{
    margin-left: 10px;
}
.bidQuotationbodyhand{

}
.bidQuotationbodytitle{
    font-size:14px;
    font-family:PingFang SC;
    font-weight:bold;
    color:rgba(51,51,51,1);
    line-height:20px;
}
.bidQuotationbodyid{
    background:rgba(255,98,0,1);
    border-radius:5px 0px 5px 0px;
    color: #fff;
    padding: 1px;
    font-size: 10px;
}
.bidQuotationbuttom{
    margin-top: 8px;
}
.bidQuotationbodyoffer{

}
.bidQuotationbodyoffer{
    background:#fff0e6;
    color: #FF6C10 ;
    border-radius:3px;
    font-size: 10px;
    padding:1px;
}
.bidQuotationbodytime{
    font-size:10px;
    font-family:PingFang SC;
    font-weight:500;
    color:rgba(169,174,192,1);
    line-height:18px;
    margin-left: 23px;
}
.bidQuotationicon{
    margin-left: 12px;
}
.bidQuotationicon img{
    width: 54px;
    height: 54px;
}
</style>